<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta
            name="viewport"
            content="width=device-width, initial-scale=1.0"
    >
    <meta
            http-equiv="X-UA-Compatible"
            content="ie=edge"
    >
    <title>首页</title>
    <!--<link-->
    <!--href="https://res.xiujiadian.com/static/bootstrap/dist/css/bootstrap.css"-->
    <!--rel="stylesheet"-->
    <!--&gt;-->
    <link
            rel="stylesheet"
            href="https://res.xiujiadian.com/static/lay/layui/css/layui.min.css"
            media="all"
    >
    <style>
        /* 通用 */
        .layui-card {
            height: 100%;
            overflow: hidden;
        }

        .layui-card-body {
            line-height: 24px !important;
        }

        html {
            color: #666666;
        }

        .shadow {
            box-shadow: 1px 1px 10px rgba(0, 0, 0, .2);
            border-radius: 20px;
            overflow: hidden;
        }

        .layui-card-header {
            display: flex;
            align-items: center;
            color: #000;
            font-weight: bold;
        }

        .title-border {
            display: inline-block;
            border-left: 3px solid #009688;
            height: 1em;
            margin-right: 10px;
        }

        .content-header {
            color: #333;
        }

        .content-body {
            color: #888888;
            font-size: .9em;
        }

        /* 第一行 */
        .first-row > div {
            min-height: 440px;
        }

        /* 公司业务 */
        img {
            padding: 0 !important;
        }

        /* 新闻 */
        .news {
            font-size: .9em;
        }

        .news-item {
            border-bottom: 1px solid #f5f5f5;
            padding: 10px 0;
        }

        .news-item:last-child {
            border: none;
        }

        .news-red {
            color: red;
        }

        /* 第2行 */
        .second-row > div {
            min-height: 380px;
        }
    </style>
</head>
<body>
<div class="layui-fluid bg-light">
    <!-- 业务新闻 -->
    <div class="layui-row layui-col-space10 first-row">
        <!-- 公司业务 -->
        <div
                class="layui-col-sm8 layui-col-xs12"
                style="max-width: 1120px;"
        >
            <div
                    class="layui-card"
                    style="min-height: 440px;"
            >
                <div class="layui-card-header"><span class="title-border"></span> 公司业务</div>
                <div class="layui-card-body">
                    <!-- logo-介绍 -->
                    <div class="layui-row d-flex align-items-center justify-content-center pt-1 pb-3">
                        <!-- logo -->
                        <div
                                style="min-width:340px;"
                                class="logo shadow layui-col-sm5 layui-col-xs12 d-flex align-items-center justify-content-center py-5 px-4"
                        >
                            <img
                                    style="min-width:72px; max-width: 72px;"
                                    src="/static/home/images/logo_icon.png"
                            >
                            <img
                                    class="pl-2"
                                    style="min-width:184px; max-width: 184px;"
                                    src="/static/home/images/logo_name.png"
                            >
                        </div>
                        <!-- 说明 -->
                        <div
                                class="layui-col-xs12 layui-col-sm6 layui-col-sm-offset1"
                        >
                            <strong class="content-header"> 关于啄木鸟 </strong>
                            <p class="content-body">
                                啄木鸟维修，始创于1995年，总部位于“山城”重庆，在北京、上海、深圳、广州等城市
                                <br>
                                设有25家直营分公司，服务覆盖全国近五百个县级以上城市。啄木鸟维修以家庭和企业
                                维修为主营业务方向，提供维修、清洗、保养、管道疏通及开锁换锁等服务。
                            </p>
                        </div>
                    </div>
                    <!-- 2个维修 -->
                    <div class="layui-row d-flex align-items-center justify-content-space border-top pt-3">
                        <div class="layui-col-sm6 layui-col-xs12 d-flex align-items-center mr-3">
                            <img
                                    class="shadow mr-3"
                                    style="max-width: 150px;"
                                    src="/static/home/images/home.png"
                                    alt=""
                            >
                            <div class="content layui-col-sm8 layui-col-xs12">
                                <div class="content-header">家庭维修</div>
                                <div class="content-body">
                                    啄木鸟家庭维修以围绕家电、家居生活为主营业务方向，是
                                    提供以维修、清洗、保养、置换回收的家电服务为主，家居
                                    家具维修保养、家庭水电、开锁换锁等为辅的全国连锁直营
                                    家庭维保服务企业。
                                </div>
                            </div>
                        </div>
                        <div class="layui-col-sm6 layui-col-xs12 d-flex align-items-center">
                            <img
                                    class="shadow mr-3"
                                    style="max-width: 150px;"
                                    src="/static/home/images/company.png"
                                    alt=""
                            >
                            <div class="content layui-col-sm8 layui-col-xs12">
                                <div class="content-header">
                                    企业维修
                                </div>
                                <div class="content-body">
                                    啄木鸟企业维修以中央空调维保、工控维修、酒店和公寓维
                                    保为主营业务拓展方向，首推中央空调及企业包年买断维修
                                    业务模式和企业VIP会员充值消费模式，力求解决企业型客户
                                    多场景的维保难题。
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 新闻 -->
        <div
                class="layui-col-sm4 layui-col-xs12"
                style="max-width: 540px;"
        >
            <div
                    class="layui-card"
                    style="min-height: 440px;"
            >
                <div class="layui-card-header"><span class="title-border"></span>新闻</div>
                <div class="news layui-card-body px-4">
                    <div class="news-item">
                        <strong>新系统上线通知：</strong>
                        啄木鸟运营管理平台V2.0项目经过项目启动、需求调研、产品方案设计、全新技术架构设计、开发落地、验证部署等工作阶段，通过研发中心、全体业务部门及子公司的共同努力，系统已于2019年3月12日8:00正式上线，投放全国使用。2019年3月12日起，所有业务全部进入新平台运行，老系统仅用于查询历史数据。
                    </div>
                    <div class="news-item news-red">
                        <strong> 浏览器注意事项：</strong>
                        为保证系统正常使用，请使用Google65以上版本浏览器。
                        为保证系统正常使用，请使用Google65以上版本浏览器。
                        <a
                                href="https://img1.xiujiadian.com/file/plat/homepage/Google.exe"
                                class="layui-btn layui-btn-xs layui-btn-danger"
                        >点击下载</a>
                    </div>
                    <div class="news-item news-red">
                        <strong> 注意事项:</strong>
                        系统使用过程中如遇到问题，请在“啄木鸟新平台上线沟通群”钉钉群中反馈。
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 特性 下载 -->
    <div class="layui-row layui-col-space10 second-row">
        <!-- 系统特性 -->
        <div
                class="layui-col-sm8"
                style="max-width: 1120px;"
        >
            <div
                    class="layui-card"
                    style="min-height: 380px;"
            >
                <div class="layui-card-header">
                    <div class="title-border"></div>
                    系统特性
                </div>
                <div class="layui-card-body" style="padding-top: 0; padding-bottom: 0;">
                    <style>
                        .rww-card {
                            padding-top: 0;
                            padding-bottom: 0;
                        }

                        .rww-card > .shadow {
                            display: flex;
                            align-items: center;
                            justify-content: start;
                            padding: 0 15px;
                            height: 140px;
                        }

                        .rww-card:nth-child(4), .rww-card:nth-child(5), .rww-card:nth-child(6) {
                            margin-top: 15px;
                        }

                        .card-img {
                            border-radius: 36px;
                            height: 72px;
                            width: 72px;
                            margin-right: 10px;
                            min-width: 72px;
                            text-align: center;
                            line-height: 72px;
                        }

                        .card-img img {
                            width: 30px;
                            height: 30px;
                        }

                        .card-content-header {
                            color: #333;
                            font-weight: bold;
                        }

                        .card-content-body {
                            color: #888888;
                            font-size: .9em;
                        }
                    </style>
                    <!-- 上面3个 -->
                    <div class="layui-row my-4 layui-col-space30">
                        <div class="rww-card layui-col-xs12 layui-col-sm6 layui-col-md4">
                            <div class="shadow">
                                <div
                                        class="card-img"
                                        style="background-color: #7297FF"
                                >
                                    <img
                                            src="/static/home/images/service.png"
                                            alt=""
                                    >
                                </div>
                                <div class="card-content">
                                    <div class="card-content-header">场景化服务</div>
                                    <div class="card-content-body">
                                        块化设计开发；系统更稳定、可扩展性更强
                                        块化设计开发；系统更稳定、可 扩展性更强
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="rww-card layui-col-xs12 layui-col-sm6 layui-col-md4">
                            <div class="shadow">
                                <div
                                        class="card-img"
                                        style="background-color: #6DDA9B"
                                >
                                    <img
                                            src="/static/home/images/supply.png"
                                            alt=""
                                    >
                                </div>
                                <div class="card-content">
                                    <div class="card-content-header">标准化供应链</div>
                                    <div class="card-content-body">
                                        新供应链管理，让配件采购与库存管理标准化
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="rww-card layui-col-xs12 layui-col-sm6 layui-col-md4">
                            <div class="shadow">
                                <div
                                        class="card-img"
                                        style="background-color: #EA9549"
                                >
                                    <img
                                            src="/static/home/images/person.png"
                                            alt=""
                                    >
                                </div>
                                <div class="card-content">
                                    <div class="card-content-header">
                                        新增政企服务
                                    </div>
                                    <div class="card-content-body">
                                        新增政企客户管理板块，针对企业客户开展个性化业务服务
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="rww-card layui-col-xs12 layui-col-sm6 layui-col-md4">
                            <div class="shadow">
                                <div
                                        class="card-img"
                                        style="background-color: #F4D146"
                                >
                                    <img
                                            src="/static/home/images/constructor.png"
                                            alt=""
                                    >
                                </div>
                                <div class="card-content">
                                    <div class="card-content-header"> 升级技术架构</div>
                                    <div class="card-content-body">
                                        基于服务化的全新技术架构、模块化设计开发；系统更稳定、可扩展性更强
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="rww-card layui-col-xs12 layui-col-sm6 layui-col-md4">
                            <div class="shadow">
                                <div
                                        class="card-img"
                                        style="background-color: #EA7569"
                                >
                                    <img
                                            src="/static/home/images/data.png"
                                            alt=""
                                    >
                                </div>
                                <div class="card-content">
                                    <div class="card-content-header">
                                        规范基础数据
                                    </div>
                                    <div class="card-content-body">
                                        历时2个月，完成全新服务分类、产品分类、服务产品及定价、配件分类、配件档案等数据，服务更标准化、精细化
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="rww-card layui-col-xs12 layui-col-sm6 layui-col-md4">
                            <div class="shadow">
                                <div
                                        class="card-img"
                                        style="background-color: #8F82BC"
                                >
                                    <img
                                            src="/static/home/images/cash.png"
                                            alt=""
                                    >
                                </div>
                                <div class="card-content">
                                    <div class="card-content-header">
                                        简化工程师报销流程
                                    </div>
                                    <div class="card-content-body">
                                        简化工程师报销流程工程师外报及运杂费报销新流程
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 资料下载 -->
        <div class="layui-col-sm4">
            <div
                    class="layui-card"
                    style="min-height: 380px;"
            >
                <div class="layui-card-header">
                    <div class="title-border"></div>
                    资料下载
                </div>
                <div
                        class="layui-card-body px-3"
                        style="font-size: .9em;"
                >
                    <div class="py-1 news-item">
                        <a
                                href="https://img1.xiujiadian.com/file/plat/homepage/%E8%B5%84%E6%96%99_%E5%B8%88%E5%82%85app%E6%93%8D%E4%BD%9C.pptx"
                        >
                            1. 资料_工程师app操作
                        </a>
                    </div>
                    <div class="py-1  news-item">
                        <a
                                href="https://img1.xiujiadian.com/file/plat/homepage/%E8%B5%84%E6%96%99_%E6%8A%95%E8%AF%89%E4%B8%8E%E5%BC%82%E5%B8%B8%E6%93%8D%E4%BD%9C.pptx"
                        >
                            2. 资料_投诉与异常操作
                        </a>
                    </div>
                    <div class="py-1  news-item">
                        <a
                                href="https://img1.xiujiadian.com/file/plat/homepage/%E8%B5%84%E6%96%99_%E8%BF%90%E8%90%A5%E5%90%8E%E5%8F%B0%E8%AE%A2%E5%8D%95%E7%AE%A1%E7%90%86%E6%93%8D%E4%BD%9C.pptx"
                        >
                            3. 资料_运营后台订单管理操作
                        </a>
                    </div>
                    <div class="py-1  news-item">
                        <a
                                href="https://img1.xiujiadian.com/file/plat/homepage/%E8%B5%84%E6%96%99_%E6%94%BF%E4%BC%81%E4%BA%A7%E5%93%81%E6%93%8D%E4%BD%9C.pptx"
                        >
                            4. 资料_政企产品操作
                        </a>
                    </div>
                    <div class="py-1  news-item">
                        <a
                                href="https://img1.xiujiadian.com/file/plat/homepage/%E8%B5%84%E6%96%99-%E5%9F%BA%E7%A1%80%E3%80%81%E5%B8%88%E5%82%85%E3%80%81%E9%87%87%E8%B4%AD%E3%80%81%E4%BB%93%E5%82%A8%E6%93%8D%E4%BD%9C.ppt"
                        >
                            5. 资料-基础、工程师、采购、仓储操作
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>